<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件注册</title>
    <script src="js/vue-2.6.10.js"></script>

</head>
<body>
<div id="app">
    <!--组件-->
    <aaa></aaa>
    <aaa></aaa>
    <aaa></aaa>
    <aaa></aaa>
</div>
<script type="text/javascript">
    //定义组件
    const counter={
        //模板
        template:`
            <button v-on:click='num++'> 点击了{{num}}次 </button>
        `,
        //函数
        data(){
           return  {num:0}
        }

    }
    //全局注册组件：在所有的vue实例中都可以使用组件
    //参数1：组件名称，参数2：具体的组件
    //Vue.component("aaa",counter);
    var app=new Vue({
        el:"#app",
        //局部注册
        components:{
            aaa:counter
        }




    })
</script>
</body>
</html>